1
00:00:01,100 --> 00:00:03,470
Wow! dobar posao za još uvijek tu.

2
00:00:03,500 --> 00:00:08,420
Odavde postaje sve uzbudljivije, samo grebemo po površini snagom koja

3
00:00:08,420 --> 00:00:10,650
dolazi uz to da ste web programer.

4
00:00:10,970 --> 00:00:16,310
Ali želim brzo govoriti o HTML-u nasuprot HTML5.

5
00:00:16,610 --> 00:00:23,550
Spomenuo sam ovu temu nekoliko puta, ali samo sam je odbacio i rekao vam, da, ovo je HTML

6
00:00:23,570 --> 00:00:24,960
Da, ovo je HTML5.

7
00:00:24,980 --> 00:00:33,290
Ali htio sam samo uzeti pauzu i brzo proći kroz osnovni koncept, što je HTML5?

8
00:00:33,290 --> 00:00:44,270
Ako se sjećate u našem dijagramu, HTML, kada je prvi put počeo, 1989. do 1991., nije bio tako razrađen.

9
00:00:44,270 --> 00:00:46,880
Nije imao toliko značajki kao sada.

10
00:00:46,880 --> 00:00:55,340
Želimo biti sigurni da svi ovi preglednici dobro funkcioniraju i razumiju naša HTML pravila.

11
00:00:55,490 --> 00:01:02,300
Dakle, ako se sjećate, naš prijatelj Tim, naš prvi web programer, tip koji je stvorio svjetsku mrežu, je to učinio

12
00:01:02,300 --> 00:01:09,380
upravno tijelo, koje utvrđuje kako bi HTML trebao izgledati, tako da ti pojedinačni preglednici znaju

13
00:01:09,380 --> 00:01:12,850
kako kodirati svoj preglednik tako da ispravno čita HTML.

14
00:01:12,930 --> 00:01:18,610
I očito je da je web koji smo imali 90-ih jako drugačiji od onog koji imamo sada.

15
00:01:18,620 --> 00:01:25,860
Dakle, ima puno novih stvari koje moramo ažurirati, a neke od tih stvari jesu.

16
00:01:26,360 --> 00:01:35,930
Znate da imamo telefone i imamo tablete i općenito, trebamo više snage od HTML-a.

17
00:01:35,930 --> 00:01:43,130
Dakle, HTML5 je bio evolucija i postoji mnogo mnogo evolucija HTML-a, HTML5 je najnoviji

18
00:01:43,130 --> 00:01:51,230
jedan, gdje pokušavamo dodati značajke kako bismo poboljšali korisničko iskustvo.

19
00:01:51,250 --> 00:01:53,650
Sada, koje su neke od tih značajki?

20
00:01:53,750 --> 00:02:00,630
Bacimo brzi pogled na našeg dobrog starog prijatelja, W3 škole.

21
00:02:00,780 --> 00:02:06,960
Jedna od stvari koje HTML5 želi učiniti je, želimo biti sigurni da to ne utječe

22
00:02:07,110 --> 00:02:13,460
bilo koju staru web stranicu, ako se sjećate naše prve web stranice od Tima, možda 1991.

23
00:02:13,740 --> 00:02:18,720
Pa, to radi i dan danas, posjetili smo ga u prethodnim videima.

24
00:02:18,720 --> 00:02:24,420
Još uvijek možete posjetiti web stranice iz 90-ih, jer želimo biti sigurni da je sve unatrag

25
00:02:24,450 --> 00:02:25,110
kompatibilan.

26
00:02:25,110 --> 00:02:28,880
To je otmjen način da se kaže, starije verzije nisu zastarjele.

27
00:02:28,890 --> 00:02:35,390
Ali također se želimo pozabaviti ovim značajkama i na web stranici možete pročitati sve informacije o HTML5

28
00:02:35,400 --> 00:02:41,880
i što radi i neke od stvari koje podržava i postaje malo tehnički i

29
00:02:41,940 --> 00:02:43,860
ne trebamo ulaziti u to, previše.

30
00:02:43,860 --> 00:02:51,630
Ali jednu stvar koju želim naglasiti, uvela je tu ideju semantičkih elemenata i što

31
00:02:51,630 --> 00:02:59,370
to znači da su web stranice željeli učiniti opisnijima, tražilice poput Googlea ići na web stranice

32
00:02:59,370 --> 00:03:03,570
i oni koriste te stvari koje se nazivaju alati za indeksiranje, da pregledaju vašu web stranicu.

33
00:03:03,600 --> 00:03:08,850
Ovi strojevi, koji čitaju vaš HTML, kako bi razumjeli što je vaša web stranica?, o čemu je tema

34
00:03:08,850 --> 00:03:17,370
to je?, kako bi ga mogli rangirati u tražilicama i HTML5 semantičkim elementima, pokušava dodati malo

35
00:03:17,370 --> 00:03:23,690
malo više značenja za ove robote, tako da kada naiđu na nešto, to ima malo više smisla.

36
00:03:23,700 --> 00:03:29,360
Dakle, ovo je primjer nekih od ovih novih oznaka koje je uveo HTML5.

37
00:03:29,430 --> 00:03:32,430
I pokazat ćemo vam nekoliko njih.

38
00:03:32,490 --> 00:03:38,410
Na primjer, ako želimo reći, da želimo ovo komentirati, već znamo kako to učiniti.

39
00:03:38,610 --> 00:03:50,070
A semantički element bi možda izgledao kao 'zaglavlje' gdje imamo naslov 'h1' koji je "Registracija"

40
00:03:53,020 --> 00:03:59,290
i zatvorimo '/header' tako da sada, indeksiranje to zna, ovo je naše zaglavlje i možda imamo nešto

41
00:03:59,950 --> 00:04:01,010
navigacijske 'nav' veze.

42
00:04:01,030 --> 00:04:12,130
Dakle, sada možemo imati oznake 'a' s našim 'href' i samo ćemo to reći, povezuje se s Googleom i onda zatvaramo

43
00:04:12,130 --> 00:04:12,710
"navigacija".

44
00:04:12,790 --> 00:04:18,430
Za sada imamo samo jednu vezu za navigaciju, ali samo sam želio brzo pokazati.

45
00:04:18,630 --> 00:04:32,670
I na kraju imamo 'footer', tako da unutar 'footera' možemo dodati nešto poput "Web stranica napravljena s ljubavlju".

46
00:04:34,150 --> 00:04:41,410
i možete vidjeti ovdje da, ovo čak i stroju, ako razumije što 'header' znači, i 'nav' znači,

47
00:04:41,410 --> 00:04:48,580
a "podnožje" znači daje puno više značenja web-stranici i imat će bolju predodžbu o tome kako web-stranica

48
00:04:48,580 --> 00:04:55,030
je strukturiran i gdje je njihov rang i rezultati Google pretraživanja. Možete uzeti vremena i pročitati

49
00:04:55,030 --> 00:04:56,580
kroz neke od ovih oznaka.

50
00:04:56,590 --> 00:05:03,250
I preporučam da posjetite ovo web mjesto i prođete kroz neke od uvoda u HTML, čak ćete

51
00:05:03,250 --> 00:05:08,830
vidite to, ako kliknemo na vrste unosa ili nešto što smo već posjetili i pomaknemo se na neke od

52
00:05:08,830 --> 00:05:16,600
atribute, vidjet ćete da postoji neki novi HTML5, imaju ovu malu ikonu ovdje, koja ima

53
00:05:16,600 --> 00:05:23,130
uveden, pa se neprestano širimo kako bismo HTML učinili sve boljim i boljim.

54
00:05:23,140 --> 00:05:29,230
Ovdje možete vidjeti 'min', na primjer, mi to koristimo za lozinku, ako se sjećate, navodi minimalnu vrijednost

55
00:05:29,230 --> 00:05:30,040
za polje za unos.

56
00:05:30,040 --> 00:05:40,840
Dakle, ako ovdje postavim 'min', onda se osigurava da unesem minimalni iznos vrijednosti.

57
00:05:41,940 --> 00:05:43,840
Ali opet, možete ga i sami pogledati.

58
00:05:44,040 --> 00:05:48,880
Problem sa semantičkim webom je taj što je još uvijek relativno nov.

59
00:05:49,080 --> 00:06:01,090
Dakle, nećete vidjeti toliko toga na nekim web stranicama, ali vrlo je teško dokazati da je to zapravo

60
00:06:01,090 --> 00:06:07,540
ima dobre SEO performanse jer je još prilično rano, ali samo da se ne iznenadite i jeste

61
00:06:07,570 --> 00:06:10,310
svjestan što se događa.

62
00:06:10,390 --> 00:06:18,000
To je nešto s čim biste se mogli susresti, ali općenito HTML5 pokušava poboljšati izvedbu

63
00:06:18,000 --> 00:06:20,200
web jer se neprestano razvijamo.

64
00:06:20,340 --> 00:06:29,160
I baš kao i web stranice, potrebno je prijeći s jednostavnih web stranica temeljenih na HTML tekstu na masivne web stranice poput

65
00:06:29,190 --> 00:06:36,630
Twitter, na kojem možete objavljivati i razgovarati s milijunima ljudi diljem svijeta, gdje su nam potrebne naše web tehnologije

66
00:06:36,630 --> 00:06:39,220
da se razvija s nama.

67
00:06:39,230 --> 00:06:40,890
Vidimo se na sljedećem. ćao ćao